<template>
  <!-- <button type="button" :class="'btn btn-' + type">Primary</button> -->
  <button @click="$emit('click', $event)" type="button" class="btn" :class="types[type] + ' ' + sizes[size]">
    <slot></slot>
  </button>
</template>
<script>
export default {
  props: {
    type: {
      type: String,
      default: ''
    },
    size: {
      type: String,
      default: 'large'
    },
  },
  data() {
    return {
      types: {
        'primary': 'btn-primary',
        'danger': 'btn-danger',
        'warning': 'btn-warning',
      },
      sizes: {
        'lager': 'btn-lg',
        'small': 'btn-sm',
      }
    }
  }

}
</script>